﻿@charset "utf-8";
/*显示器小于800时候生效*/
@media screen and (max-width: 800px) {
/*首页开始*/
a{text-decoration:none;color:#333333}
a:hover{text-decoration:none;}
body {padding:0px;margin:0px auto;color:#333333;background:#ffffff; min-width:100%;  font-family:"微软雅黑";font-size:0.24rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
input, textarea {background: transparent;padding: 0px;font-size: 0.24rem;font-family: Arial, "微软雅黑";color: #888;outline: none;border: 0px;}
input, textarea, keygen, select, button{margin: 0em;font: 0.24rem Arial;text-rendering: auto;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block;}
input,button,select,textarea{outline:none;-webkit-appearance: none;}
input{ outline:0;}
input:-ms-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
input::-webkit-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
textarea:-ms-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
textarea::-webkit-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
ul,p,h1,h2,h3,h4,h5,h6,li,p{padding:0px;margin:0px;list-style:none;}
select,input{ outline:0}
.page{margin:0 auto;width: 100%;}
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
.fl{ float:left}
.fr{float:right;display: none;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
.animated {-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-fill-mode: none;animation-fill-mode: none;}
.animationName{animation-name: none !important;}



/*顶部*/
.head{height: 0.45rem;line-height: 0.45rem;background: #f2f2f2;position: relative;float:left;width:calc(100% - 0.2rem);padding:0 0.1rem;font-size: 0.14rem;position: fixed;z-index: 100;}
.head:after{ content: ''; height: 0.09rem; background: url(../pic/head_bottom.png) no-repeat center;background-size: auto 0.09rem;; width: 100%; display: block; position: absolute; bottom: -0.09rem; left: 0; }
.head h1,.head .fl{max-width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.16rem;font-weight:normal;}
.head .fl,.head .fr a{color: #a8a9a9;float: right;}
.head .fr a {display: inline-block;padding-left: 0.45rem;background: url(../pic/top_input.png) no-repeat 0.02rem 0.06rem;background-size: 2.85rem 0.85rem;transition: 0.3s all ease-in-out;font-size: 0.14rem;line-height: 0.45rem;padding-right: 0.1rem;cursor: pointer;position: relative;float:left;}
.head .fr .tel{background-position: -1.14rem 0.06rem;}
.head .fr .wx{background-position: -2.32rem 0.06rem;}
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-0.46rem; color: #fff; background-color: #006bbd}
.head .fr .wx .wxewm {width: 1.3rem;height: 1.3rem;position: absolute;top: 0.45rem;z-index: 2;left: 0;display: none;}
.head .fr .wx .wxewm img{width: 1.3rem;height: 1.3rem;display: block;}
.head .fr .wx:hover .wxewm { display:block}
/*LOGO*/
.top {padding: 0.3rem 0;height: 0.9rem;width: 100%;float:left;position: fixed;margin-top: 0.45rem;background: #fff;z-index: 100;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);}
.top > .page > .logo{ display: block; padding-right: 0.2rem; height: 0.9rem; }
.top > .page > .logo > a > img{display: block;height: 100%;width: auto;}
.top > .page > .logo > a{display: block;height: 100%; width: auto;}
.top > .page >.logo_2{width: 4.8rem;display: block;height: 0.9rem;padding-left: 0.2rem;border-left: 1px solid #e7e7e7;margin-top: 0.1rem;}
.top > .page >.logo_2 > strong{display: block;font-size: 0.3rem;font-weight: bold;line-height: 0.4rem;color:#343434;}
.top > .page >.logo_2 > p{display: block;font-size: 0.16rem;line-height: 0.4rem;color: #666;padding-bottom: 0.04rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top > .page > .top_tel{height: 0.9rem;display: block;display: none;}
.top > .page > .top_tel > i{float:left;;background: url(../pic/btop_tel.png) 0.13rem 0.13rem no-repeat;width: 0.28rem;height: 0.28rem;display: block;padding: 0.12rem;border:1px solid #006bbd;border-radius: 50%;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.top > .page > .top_tel > p{font-size: 0.24rem;color: #006bbd;line-height:0.28rem;height:0.5rem;float:left;margin-left:0.1rem;margin-top:0.07rem; font-weight:bold}
.top > .page > .top_tel > p span{font-size: 0.16rem;display: block;line-height: 0.22rem; font-weight:normal}
/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.nav2{z-index: 102;width: 0.5rem;height: 0.5rem;background: url(../pic/lanmu.png);background-size: 0.5rem 0.5rem;float: left;color:#fff;padding: 0 0 0 0;position: absolute;top: 1rem;right: 0.2rem;position: fixed;}
.index-nav{z-index: 100;width: 0.5rem;height: 0.5rem;background: none;background-size: 0.5rem 0.5rem;float: left;color:#fff;padding: 0 0 0 0;position: absolute;top: 1rem;right: 0.2rem;position: fixed;}
.index-nav-frame{width: 12rem;margin: 0 auto;height: 0.6rem;display: none;}
.Nptline{z-index: 999;width: 1.2rem;float: left;position: relative;display: block;outline: none;cursor: pointer;line-height: 0.6rem;text-align: center;margin: 0;font-size: 0.16rem;}
.Nptline.active{background: none;    background: none;filter: none;   -ms-filter:none;}
.Nptline:hover{background: none;    background: none;filter: none;   -ms-filter: none;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.Nptline a{color:#fff;}
.Nptcenter a:first-child{margin-top:0.2rem;}
.Nptcenter{width: 1.2rem;background: url(../pic/u59.png) 50% 0 no-repeat;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 0.01rem;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.Nptcenter a{width: 90%;font-weight: normal;font-size: 0.14rem;text-align: center;background:#FFF;color: #000;float:left;height: 0.35rem;line-height: 0.3rem;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;margin-left: 0.06rem;z-index:99;margin-bottom: 0.01rem;}
.Nptcenter a:hover{background: #fff;color: #000;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp {width:100%;height: 3rem;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;margin-top: 2.05rem;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li {width:100%;height: 3rem;background-position:50% 0%;background-repeat:no-repeat;background-color:#dddddd;background-size:cover;position:absolute;top:0;left:0;z-index:10;}
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i {bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 99;}
.bn-alp .i i { display:inline-block; margin-right:0.1rem; width:0.2rem; height:0.1rem; background:#d2d2d2; border-radius:0.05rem; cursor:pointer; transition: 0.3s all ease-in-out;}
.bn-alp .i i.on {background:#006bbd;width:0.4rem; }
/*轮播下面*/
.main_30 > .page > .fl{padding-left:1.7rem;background: url(../pic/main_30_l.jpg) no-repeat left center;background-size: 1.5rem 1rem;height: 1.8rem;font-size: 0.28rem;font-weight: normal;line-height: 0.4rem;max-width: 100%;overflow: hidden;}
.main_30 > .page > .fl > p{display: block;font-size: 0.24rem;color: #999;line-height: 0.32rem;padding-top: 0.05rem;}
.main_30 > .page > .fl > span{color: #006bbd;}
.main_30 > .page > .fl > .main_30_l_f1{font-family: 'AVGARDN';font-size: 0.36rem;display: inline-block;position: relative;top: 0.03rem;left: 0.02rem;}
.main_30 > .page > .fl > .str{font-weight: bold;font-size: 0.28rem;}
.main_30{padding:0.2rem 0;height: auto;float:left;width: calc(100% - 0.4rem);overflow: hidden;margin: 0 0.2rem;}
.main_item {width: calc(25% - 0.4rem);float: right;padding: 0 0.2rem;cursor:pointer;}
.main_item > i{display: block;width: 100%;height: 0.6rem;position: relative;margin-top: 0.05rem;}
.main_item > p{font-size: 0.15rem;color: #666;line-height: 0.3rem;display: block;text-align: center;transition:0.5s all ease-in-out;cursor:pointer;}
.main_item_1 i{background: url(../pic/bmain_30_1.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_1:hover i{background: url(../pic/bmain_30_1.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;}
.main_item_2 i{background: url(../pic/bmain_30_2.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_2:hover i{background: url(../pic/bmain_30_2.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;}
.main_item_3 i{background: url(../pic/bmain_30_3.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_3:hover i{background: url(../pic/bmain_30_3.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;}
.main_item_4 i{background: url(../pic/bmain_30_4.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;transition:0.5s all ease-in-out;}
.main_item_4:hover i{background: url(../pic/bmain_30_4.png) 50% 0px no-repeat;background-size: 1rem 1.3rem;}
.main_item:hover  p{color: #666666}
/*关于我们*/
.company{float:left;width:100%;padding:0.6rem 0;background:url(../pic/case_bg.jpg) top center no-repeat;background-size: 100% 6.7rem;}
.company .page{border-radius: 0.15rem;height: 8rem;background: #ffffff;position:relative;padding: 0.2rem 0.2rem;width: calc(100% - 0.4rem);}
.company .page:before {content: '';clear: both;display: block;width: 100%;height: 0.35rem;background: url(../pic/company_in_bg.png) no-repeat center;background-size: 12rem 0.35rem;position: absolute;bottom: -0.35rem;left:0;}
.company .fl{width: calc(100% - 2px - 0.08rem);float:left;height:3.45rem;border:1px solid #ededed;padding:0.04rem;position:relative;}
.company .fl img{left:0;right:0;top:0;bottom:0;margin:auto;position:absolute;max-width: 100%;max-height:3.45rem;}
.company .fr{float: left;width: 100%;background: url(../pic/company_tit.png) no-repeat 50% 0;background-size: 2.54rem 0.42rem;display: block;margin-top: 0.4rem;}
.company .fr strong{font-size: 0.3rem;color: #343434;line-height: 0.45rem;display: block;padding-top: 0.25rem;text-align: center;}
.company .fr strong .color { font-size: 0.3rem;    color: #006bbd;    display: inline-block;}
.company .fr strong .small {display: block;font-size: 0.24rem;color: #343434;font-weight: normal;line-height: 0.4rem;}
.company .fr p {font-size: 0.24rem;color: #777;text-indent: 2em;line-height: 0.4rem;padding-top: 0.2rem;font-weight: normal;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.company_in_btn a{display: block;border: 1px solid #006bbd;border-radius: 0.5rem;line-height: 0.36rem;width: 1.4rem;height: 0.36rem;text-align: center;float:left;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 0.25rem;margin-right: 0.2rem;text-decoration:none;}
.company_in_btn a:first-child{margin-left:30%}
.company_in_btn a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;background: #006bbd;background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%);background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.company_in_btn a  i{color: #006bbd;font-style: normal;font-size: 0.24rem;display: block;line-height: 0.36rem;width: 100%;position: relative;z-index: 3;transition: 0.3s all ease;}
.company_in_btn a.comapny_in_btn_r{border-color:#eb3d01}
.company_in_btn a.comapny_in_btn_r i{color:#eb3d01}
.company_in_btn a:hover:before{left:-100%;}
.company_in_btn a:hover{border-color: rgba(255,255,255,0)}
.company_in_btn a:hover i{color:unset}
.company_in_btn a.comapny_in_btn_r:before{background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );}
/*最新产品*/
.prod{padding: 0.5rem 0;background: url(../pic/prod_bg.jpg) top center;width: 100%;display: block; float:left}
.prod_row1{padding: 0 0.1rem 0.2rem 0.1rem;width: calc(100% - 0.2rem);margin:0 auto;position:relative;height:0.6rem;}
.prod_row1 .li01{background: url(../pic/bprod_tit.png) no-repeat left center;background-size: 0.66rem;display: block;height: 0.6rem;font-size: 0.3rem;color:#006bbd;line-height: 0.35rem;padding: 0.05rem 0px 0.05rem 0.8rem;float: left;width: calc(100% - 0.8rem);}
.prod_row1 .li01 .str{font-weight: bold;font-size: 0.3rem;color:#006bbd}
.prod_row1 .li01 .small{display: block;font-size: 0.15rem;color: #666;line-height: 0.25rem;}
.prod_row1 ul{ float:left; }
.prod_row1 ul li{float:left;margin-left: 0.2rem;line-height: 0.7rem;font-size: 0.27rem;display: block;padding-left: 0.3rem;position: relative;color: #343434;font-weight: bold;position:relative;}
.prod_row1 ul .normal:after{content: '';display: block;width: 0.1rem;height: 0.1rem;border: 1px solid #aaa;border-radius: 50%;position: absolute;top:0.3rem;left: 0px;transition: 0.3s all ease;box-shadow: 0 0 0px 0px rgba(35,12,111,0.0);transform: rotate(0deg)}
.prod_row1 ul .active:after{box-shadow: 0 0 1px 6px #006bbd54;background:#006bbd;border-color:#006bbd;content: '';display: block;width: 0.1rem;height: 0.1rem;border: 1px solid #006bbd;border-radius: 50%;position: absolute;top:0.3rem;left: 0px;transition: 0.3s all ease;transform: rotate(0deg)}
.prod_row1 ul .normal:hover:after{box-shadow: 0 0 0.01rem 0.06rem #006bbd54;background:#006bbd;border-color:#006bbd;}
.prod_row1 ul li:hover{color: #006bbd;}
.prod_row1 .li02{float:right;line-height:0.6rem;padding-right: 0.2rem;color: #888;font-size: 0.24rem;}
.none{ display:none}
.floornr{width: 100%;margin:0 auto;}
.floornr .w300{float:left;width:3rem;min-height:6.86rem;background:url(../pic/w300bg.jpg) left bottom no-repeat;position:relative;display: none;}
.floornr .w300 span{font-size: 0.24rem;font-weight: 100;color: #fff;line-height: 0.4rem; display: block;position: relative; font-weight:bold; float:left; padding-left:0.2rem; padding-top:0.3rem; width:2.8rem;}
.floornr .w300 p{font-size: 0.15rem;color: #fff;line-height: 0.2rem;display: block; float:left;padding-left:0.2rem; padding-top:0.05rem; padding-bottom:0.2rem; width:2.8rem;}
.floornr .w300 a{display: block; margin-left:0.2rem; width:1.2rem;color: #aaa; float: left; font-size: 0.24rem; border-radius: 0.05rem; background: #343434; text-align: center; line-height: 0.32rem; margin-bottom: 0.1rem; transition: 0.3s all ease;}
.floornr .w300 a:hover{color: #fff;background-color:#eb3d01;}
.floornr ul{float:right;width: calc(100% - 0.2rem);margin: 0 0.2rem 0 0;}
.floornr ul a{width: calc(50% - 0.3rem);margin-left: 0.2rem;float:left;height:3.2rem;overflow:hidden;background:#ffffff;margin-bottom:0.3rem;position:relative;}
.floornr ul a span{width: 100%;height:2.6rem;float:left;position:relative;}
.floornr ul a span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height:2.6rem;max-width: 100%;}
.floornr ul a h2{float:left;width: calc(100% - 0.2rem);font-size:0.24rem;font-weight:normal;line-height: 0.5rem;padding: 0.05rem 0.1rem 0 0.1rem;height:0.5rem;position:relative;z-index:3;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.floornr ul a:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: 0.3s all ease; background: #006bbd\9; background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%); background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.floornr ul a:hover:before{left:-100%;}
.floornr ul a:hover h2{ color:#000}
.floornr .w300 i {display: block; width: 0.5rem; height: 0.5rem; border: 1px solid #fff; border-radius: 0.5rem;background: url(../pic/prod_in_btn.png) no-repeat center; position: absolute; top: 0.15rem; right: 0.15rem;transition: 0.3s all ease;}
.floornr .w300 i:hover{background-color: #006bbd;border-color:#006bbd }
/*优势*/
.advp{padding: 0.4rem 0;width: 100%;margin:0 auto;overflow:hidden;}
.advp .tittle{border-bottom:1px solid #ededed;height: 0.3rem;float:left;width: 100%;position:relative;}
.advp .tittle span{position:absolute;z-index:2;text-align:center;width:3rem;margin-left: -1.3rem;left:50%;font-size:0.3rem;font-weight:bold;background:#ffffff;}
.advp .ysbj{float:left;width: 100%;}
.advp .ysbj li{float:left;width: calc(100% - 2.2rem);margin: 0.4rem 0 0 0;padding-left:2rem;padding-right: 0.2rem;height: auto;transition: 0.3s all ease;}
.advp .ysbj li span {color: #4bad29;font-size: 0.26rem;font-weight: bold;line-height: 0.36rem;padding-top:0.2rem;float:left;color:#006bbd;}
.advp .ysbj li p{line-height: 0.36rem;float:left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.advp .ysbj .ysk1{background:url(../pic/bys1.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
.advp .ysbj .ysk2{background:url(../pic/bys2.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
.advp .ysbj .ysk3{background:url(../pic/ys3.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
.advp .ysbj .ysk4{background:url(../pic/ys4.jpg) no-repeat;background-size: 1.87rem 1.27rem;}
/*通栏广告*/
.ads{background:url(../pic/bads_bg2.jpg) center top no-repeat;background-size: auto 2rem;float:left;width:100%;height:2rem;}
.ads_l{width: 4rem;float:left;padding-top:0.2rem;padding-left: 0.2rem;line-height: 0.4rem;}
.ads_l strong{font-size: 0.3rem;color: #fff;}
.ads_l strong .color{font-size: 0.3rem;color: #eb3d01;}
.ads_l p{font-weight: normal;color: #fff;font-size: 0.15rem;color: #afa9c0;line-height: 0.26rem;display: none;}
.ads_l > a{display: block;border: 1px solid #fff; border-radius: 0.5rem;line-height: 0.4rem;width: 1.3rem;height: 0.4rem;text-align: center;float:right;padding-left: 0.3rem;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 0.25rem;}
.ads_l > a:before{content: '';display: block;width: 100%;background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;}
.ads_l > a:hover:before{left:0;}
.ads_l > a:hover{border-color: rgba(255,255,255,0)}
.ads_l > a:after{content: '';width: 0.24rem;height: 0.24rem;display: block;position: absolute;background: url(../images/ads_contact.png) no-repeat center;left: 0.3rem;top: 0.08rem;}
.ads_l > a > i{color: #fff;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.4rem;width: 100%;position: relative;z-index: 3;}
.ads_tel{float:left;color:#ffffff;font-size:0.24rem;font-weight:bold;padding-left:0.65rem;padding-top:0.2rem;display: none;}
.ads_tel span{ font-size: 0.16rem;display: block;line-height: 0.22rem;font-weight: normal;}

/*   荣誉  */
.rongyu {width: 100%;float: left;padding: 0.5rem 0px;padding: 0.6rem 0;background: url(../pic/case_bg.jpg) repeat center;background-size: auto 6.7rem;width:100%;float:left;}
.rongyu .ul{width: 100%;margin:0 auto;}
.rongyu .ul .RYC{float:left;width: 100%;margin-top:0.2rem;height: 2.4rem;padding-bottom:0.1rem;position:relative;}
.rongyu .ul .RYC .left{float:left;width:0.3rem;height:2.2rem;cursor:pointer;position:relative;z-index: 98;}
.rongyu .ul .RYC .right{float:right;width:0.3rem;height:2.2rem;cursor:pointer;position:relative;z-index: 98;}
.rongyu .ul .RYC .ul01{float:left;padding:0.1rem;width:2.45rem;height: 2.2rem;box-shadow: 0 0.03rem 0.15rem 0 rgba(53,53,53,.15);background:#ffffff;margin: 0px 0.205rem;}
.rongyu .ul .RYC .ul01 .li01{float:left; width:2.45rem; height:1.5rem;    position: relative;}
.rongyu .ul .RYC .ul01 .li01 img{    margin: auto;    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;max-width:2.45rem; max-height:1.5rem; }
.rongyu .ul .RYC .ul01 .li02{float:left;width:2.45rem;height: 0.8rem;line-height: 0.8rem;overflow:hidden;color:#666666;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: '微软雅黑';text-align:center;font-weight: 400;font-style: normal;font-size: 0.24rem;}
.RYC .swiper{width: calc(100% - 1.2rem);height: 2.4rem;position: relative;display: inline-block;overflow: hidden;margin-left: 0.5rem;}
.RYC .swiperBox{height: 2.4rem;position: absolute;top: 0px;left: 0px;}

.comp_ibtn {width: 0.5rem;height: 0.5rem;background: #343434 url(../pic/20180504195026_1946572546.png) no-repeat;background-size: 1rem 0.5rem;display: block;position: absolute;top: 0.75rem;cursor: pointer;transition: 0.3s all ease-in-out;}
.comp_ibtnl:after{ content: ''; border-bottom: 0.5rem solid #343434; border-right: 0.13rem solid transparent; position: absolute; bottom: 0; right: -0.13rem; transition: 0.3s all ease-in-out; }
.comp_ibtnl:hover:after{border-bottom: 0.5rem solid #343434; border-right: 0.13rem solid transparent; }
.comp_ibtnr:after{ content: ''; border-bottom: 0.5rem solid #343434; border-left: 0.13rem solid transparent; position: absolute; bottom: 0; left: -0.13rem; transition: 0.3s all ease-in-out; }
.comp_ibtnr:hover:after{border-bottom: 0.5rem solid #343434; border-left: 0.13rem solid transparent;}
.comp_ibtnl:before{ content: ''; border-top: 0.1rem solid #454545; border-left: 0.25rem solid transparent; position: absolute; bottom: -0.1rem; left: 0; transition: 0.3s all ease-in-out; }
.comp_ibtnr:before{ content: ''; border-top: 0.1rem solid #454545; border-right: 0.25rem solid transparent; position: absolute; bottom: -0.1rem; right: 0; transition: 0.3s all ease-in-out; }
.comp_ibtnl:hover:before{border-top: 0.1rem solid #454545; border-left: 0.25rem solid transparent;}
.comp_ibtnr:hover:before{border-top: 0.1rem solid #454545; border-right: 0.25rem solid transparent}
.comp_ibtnl{ left: 0.15rem; background-position: left center; z-index:9999 }
.comp_ibtnr{ right: 0.15rem; background-position: right center;; z-index:9999}
.comp_ibtn:hover{ background-color: #343434; }


.hotnav:after{content: '';display: block;clear: both;}
.hotnav{width: 3.6rem;margin: 0 auto;padding:0px 0 0.3rem;}
.hotnav li{display: block;float:left;width:1.5rem;transition: 0.3s all ease;border:1px solid #ccc;margin-left: -0.01rem;position: relative;overflow: hidden}
.hotnav li:after{content: '';display: block;width: 0.2rem;height: 0.2rem;position:absolute;left:-0.52rem;top:0.09rem;transition: 0.3s all ease;}
.hotnav li.cur:after{left: 0.38rem;}
.hotnav li.company_list_1:after{background: url(../pic/company_r2_i1.png) no-repeat center;background-size: 0.2rem 0.2rem;}
.hotnav li.company_list_1{border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;transform:rotate(0deg)}
.hotnav li.company_list_2{border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;transform:rotate(0deg)}
.hotnav li a{display: block;text-align: center;font-size: 0.26rem;color: #888;line-height: 0.38rem;position: relative;z-index: 2;}
.hotnav li.cur{width: 1.75rem;padding-left: 0.25rem;border: 1px solid #006bbd;background: #006bbd;}
.hotnav li.cur a{color: #fff;font-size: 0.26rem;}
.rongyu .tittle{border-bottom:1px solid #dadada;height:0.24rem;float:left;width: 100%;position:relative;margin-bottom:0.5rem;}
.rongyu .tittle span{ position:absolute; z-index:2; text-align:center; width:3rem; margin-left:-1.5rem; left:50%; font-size:0.3rem; font-weight:bold; background: url(../pic/case_bg.jpg) repeat center;}

/*   新闻  */
.new2019{width: 100%;margin-top:0.2rem;float:left;background:#ffffff;height: auto;}
.new2019 .nav19{width: calc(100% - 2px - 0.6rem);float: left;border-bottom: 1px solid #ededed;margin: 0 0.2rem;position: relative;font-size: 0.3rem;font-weight: bold;color: #000000;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.new2019 .nav19 i{ position:absolute; right:0; font-style:normal; font-size:0.24rem; color:#888888; top:0.2rem; font-weight:normal}
.new2019 .nav19 i a{color:#888888;font-size: 0.18rem;}
.new2019 .mainM{float:left;padding-left:0.2rem;width: calc(50% - 0.2rem);padding-top:0.2rem;}
.kehucase{float:left;width: 100%;}
.kehucase .ul{width: 100%;margin:0 auto;overflow:hidden;float:left;position:relative;}
.kehucase .ul .left1{width: 0.5rem;background:url(../pic/leftjt.png) center center no-repeat;background-size: 0.4rem 0.6rem;height: 2.2rem;position:absolute;left:0;cursor:pointer;z-index:3;}
.kehucase .ul .right1{width: 0.5rem;background:url(../pic/rightjt.png) center center no-repeat;background-size: 0.4rem 0.6rem;height: 2.2rem;position:absolute;right:0;top:0;cursor:pointer;}
.kehucase .ul .neirong{width: 100%;height: 2.2rem;overflow:hidden;}
.kehucase .ul .neirong li{ width:3.6rem; float:left; padding:0px 0 0 0px; height: 2.2rem;text-align:center; position:relative;overflow:hidden}
.kehucase .ul .neirong img{ max-width:3.6rem; height:auto; position:absolute; left:0;right:0;margin:auto; top:0;bottom:0}
.new2019 .nlst1{ width:3.6rem; float:left; margin-top:0.2rem; }
.new2019 .nlst1 span{ background:#ffeae6; color:#ff2900; float:left; height:0.26rem; width:0.6rem; text-align:center; line-height:0.26rem;}
.new2019 .nlst1 h2{float:left;padding-left:0.1rem;line-height: 0.28rem;width:2.8rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:normal;font-size: 0.28rem;}
.new2019 .nlst1 p{float:left;width: 100%;font-size: 0.2rem;color:#999999;padding-top:0.1rem;line-height: 0.3rem;height: 0.86rem;overflow: hidden;}
.new2019 .nlst2{float:right;width: calc(50% - 0.4rem);padding-right: 0.2rem;padding-left: 0.2rem;overflow: hidden;}
.new2019 .nlst2 .li01{float:left;width: 100%;border-bottom:1px solid #ededed;font-size:0.16rem;position:relative;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.Ii2{ position:absolute; left:0px; width:0.63rem; height:0.03rem; background:#000; bottom:-0.01rem}
.new2019 .nlst2 .li01 strong{ color:#ff2900;}
.new2019 .nlst2 .li02{float:left;width: 100%;padding-top: 0.1rem;}
.new2019 .nlst2 .li02 a{width: 100%;float:left;position:relative;padding: 0.1rem 0 0.08rem 0;height: 0.2rem;line-height: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new2019 .nlst2 .li02 a i{ position: absolute; border-radius: 50%; width: 0.03rem;height: 0.03rem; top: 0.19rem; left: 0px;background: #000;}

/*   常见问题  */
.qyzx2019{float: left;width: 100%;background:#ffffff;margin-top:0.2rem;height: auto;margin-bottom: 0.4rem;}
.qyzx2019 .nav19 {width: calc(100% - 0.6rem);float: left;border-bottom: 1px solid #ededed;margin-left: 0.2rem;margin-right: 0.2rem;position: relative;font-size: 0.3rem;font-weight: bold;color: #000000;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.qyzx2019 .nav19 i{ position:absolute; right:0; font-style:normal; font-size:0.24rem; color:#888888; top:0.2rem; font-weight:normal}
.qyzx2019 .nav19 i a{color: #888888;font-size: 0.18rem;}
.qyzx2019 .com19{float:left;width: calc(100% - 0.2rem);padding: 0px 0 0px 0.2rem;}
.qyzx2019 .com19 li{float:left;width: calc(50% - 0.2rem);height: 0.4rem;line-height: 0.4rem;margin-top:0.2rem;margin-right: 0.2rem;}
.qyzx2019 .com19 li i{background:#f2f2f2;width: 0.2rem;height: 0.4rem;text-align:center;float:left;font-style:normal;color:#333333;}
.qyzx2019 .com19 li .nom1{background: #f2f2f2;color: #000;}
.qyzx2019 .com19 li .nom2{background: #f2f2f2;color: #000;}
.qyzx2019 .com19 li .nom3{background: #f2f2f2;color: #000;}
.qyzx2019 .com19 li span{ display:none;}
.qyzx2019 .com19 li p{float:left;padding-left:0.1rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.4rem;width: calc(100% - 0.3rem);}
.qyzx2019 .com19 .cur{float:left;width: calc(50% - 0.2rem);height: 0.4rem;line-height: 0.4rem;margin-top:0.2rem;background:#f6f6f6;margin-right: 0.2rem;}
.qyzx2019 .com19 .cur i{background: #006bbd;color: #fff;}
.qyzx2019 .com19 .cur span{margin-left:0.1rem;margin-top:0.15rem;position:relative;display:block;float:left;padding-left:0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height:0.2rem;width:3rem;display: none;}
.qyzx2019 .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.qyzx2019 .com19 .cur p{float:left;width: calc(100% - 0.3rem);margin-top: 0;padding-left:0.1rem;line-height: 0.4rem;font-size: 0.24rem;font-weight:bold;overflow: hidden;height: 0.4rem;word-wrap: break-word;word-break: break-all;white-space: pre-line;}

/*   留言  */
.feedback{ float:left; background:url(../pic/feedback_bg.jpg) top center no-repeat; width:100%; padding:0.4rem 0; margin-top:0.2rem;}
.feedback .Page1C2{margin: 0.2rem 0.2rem;padding: 0.2rem 0.2rem;float:left;background: #fff;width: calc(100% - 0.8rem);height: auto;}
.feedback .Page1C2 > strong{display: block;padding-left: 0.8rem;background: url(../pic/bcase_tit.png) no-repeat left center;background-size: 0.66rem 0.66rem;font-weight: bold;font-size: 0.28rem;color: #343434;line-height: 0.28rem;margin-bottom: 0.2rem;width: calc(100% - 0.8rem);}
.feedback .Page1C2 > strong .small{display: block;font-size: 0.2rem;line-height: 0.3rem;padding-top: 0.05rem;font-weight: 100;color: #666;}
.feedback .Page1C2 textarea{height:1rem;border: 1px solid #ededed;width: 98%;}
#tianxieone{ float:left; width:6.3rem; padding:0.1rem 0}
#tianxietwo{float:left;width: 35%;text-align: left;margin-bottom: 0.2rem;}
#tianxiethree{ float:left;}
#tianxiethree input{ border: 1px solid #ededed; height: 0.3rem; width: 98%;}
#liuyanshenming{ float:left; text-align:center; width:6.3rem; padding-bottom:0.2rem;}
#lytijiao {width: 1rem;padding:0px 0px 0px 0px;margin:0 auto;float: left;margin-left: 40%;}
#lytijiao input{ padding:0.08rem 0.4rem; border:0px; outline:0; background:#006bbd; color:#ffffff; font-weight:bold;    border-radius: 0.05rem;}
.feedback .fr{background: url(../pic/bfeedback_r.jpg) no-repeat center #110c70;width: 3.8rem;height: 3.38rem;padding:0.5rem 0.4rem;display: none;}
.feedback .fr p{font-size: 0.2rem;font-weight: bold;color: #fff;display: block;text-align: center;line-height: 0.3rem;padding: 0 0 0.3rem;}
.feedback .fr p > span{display: block}
.feedback .fr p > .en{font-size: 0.12rem;font-weight:100;color: #dbdaf1;line-height: 0.24rem;}
.feedback .fr p > .str{font-size: 0.24rem;line-height: 0.34rem;}
.feedback_r_t_row2{border:1px solid #fff;padding:0.2rem;text-align: center;color: #fff;font-size: 0.16rem;line-height: 0.28rem;}
.feedback_r_a > a{display: block;border: 1px solid #fff; border-radius: 0.5rem;line-height: 0.4rem;width: 1.3rem;height: 0.4rem;text-align: center;padding-left: 0.3rem;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin: 0.3rem auto 0;border-color: rgba(255,255,255,0)}
.feedback_r_a > a:before{content: '';display: block;width: 100%;background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;left:0;}
.feedback_r_a > a:after{content: '';width: 0.24rem;height: 0.24rem;display: block;position: absolute;background: url(../pic/ads_contact.png) no-repeat center;background-size: 0.24rem 0.24rem;left: 0.3rem;top: 0.08rem;}
.feedback_r_a > a > i{color: #fff;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.4rem;width: 100%;position: relative;z-index: 3;}


/*   底部  */
.copy{background: #333;padding: 0.2rem 0 0;width:100%;float:left;height: auto;overflow: hidden;padding-bottom: 1.4rem;}
.copy .copy_row2 {height: 100%;overflow: hidden;width: calc(100% - 0.4rem);margin:0 auto;position: relative;margin: 0 0.2rem;max-height: 2rem;}
.copy .copy_row2 ul{ float: left; padding: 0.3rem 0.3rem 0.3rem 0.4rem; background: url(../pic/20180905140430_975406376.jpg) no-repeat left center; margin: 0 0.25rem 0 0;width: 1rem;height: 1.9rem;}
.copy .copy_row2 > div{float: left;padding: 0.3rem 0px 0.3rem 0.6rem;margin: 0 0.3rem 0 0;width: calc(100% - 0.6rem);height: auto;position: relative;overflow: hidden;min-height: 0.2rem}
.copy .copy_row2 > div:before{content: '';display: block;width: 0.01rem;height: 2rem;background: #454545;position: absolute;left: 0.2rem;top: 0.65rem}
.copy .copy_row2 > div:after{content: '';display: block;width: 0.4rem;height: 0.4rem;background: #454545;border-radius: 50%;position: absolute;top: 0.25rem;left: 0;}
.copy .copy_row2 > div.copy_list1:after{background: #454545 url(../pic/friendlink_l.png) no-repeat center;background-size: 0.29rem 0.22rem;}
.copy .copy_row2 > div.copy_list1 a{float:left;width:1.5rem;overflow:hidden;display: block;color: #bbb;line-height: 0.4rem;font-size: 0.2rem;}
.copy .copy_row2 ul.ewm {width: 2.2rem;display: none;}
.copy .copy_row2 ul.ewm .ewm_in{ float: left; margin:0.3rem 0.1rem; }
.copy .copy_row2 ul.ewm .ewm_in img{ display: block; width: 0.9rem; }
.copy .copy_row2 ul.ewm .ewm_in p{ color: #bbb; display: block; line-height: 0.3rem; text-align: center; }
.copy .copy_row2 ul .copy_tel{background: url(../pic/20180905140455_436962388.jpg) no-repeat left center;background-size: 0.5rem 0.5rem;padding:0.1rem 0 0.05rem 0.6rem;font-size: 0.22rem;line-height: 0.4rem;display: block;color: #fff;font-family: arial;font-weight: 100;}
.copy .copy_row2 ul.copy_contact {width: 2.9rem;padding-right: 0;margin-right: 0;float: right;display: none;}
.copy .copy_row2 ul.copy_contact p{ color: #bbb; display: block; line-height: 0.25rem; }
.copy .copy_row3{width: 100%;height: 1rem;line-height: 0.55rem;background: aliceblue;text-align:center;color: #999999;padding: 0.1rem 0;}
.copy .copy_row3 a { color: #999999; }
.copy .copy_row3 a:hover{ color: #006bbd; text-decoration:underline; }

/*   内页-面包屑  */
.mbx{margin:0 auto;width: calc(100% - 0.8rem);float: left;background: url(../pic/bmbxn.png) 0px 0.2rem no-repeat;background-size: 0.3rem 0.3rem;height: 0.3rem;margin: 0 0.2rem;padding-left: 0.4rem;overflow:hidden;padding-top: 0.2rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top: 2.05rem;}
/*   内页-产品分类  */
.container{margin: 0 auto;width: calc(100%  - 0.4rem);border: none;border-radius: 0.05rem !important;box-shadow: none;margin-top: 0.2rem;float: left;margin: 0.2rem 0.2rem;}
.container ul {list-style: none;margin: 0;height: 1.1rem;margin: 0.1rem 0;text-align: left;overflow: hidden;padding: 0.1rem;}
.container ul li {white-space: nowrap;display: inline-block;float: left;position: relative;padding: 0px 0.1rem;width: 1.6rem;background: #d7e7f3;padding: 0.1rem 0.2rem;margin: 0 0.15rem 0.2rem 0.15rem;border-radius: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.container ul li::after {display: inline-block;width: 0;height: 0;content: '';vertical-align: middle;border-top: 0;border-right: 0;border-left: 0;margin-right: 0;margin-left: 0;}
.container ul .dropdown::after{ display:none}
.container ul li .dropdown-menu{position:absolute;top: 0.3rem;width: 1rem;background:#ffffff;height:auto;display:none;padding: 0.1rem;z-index:3;}
.container ul li .dropdown-menu a{float:left;width: 1rem;text-align:left;line-height: 0.35rem;}
.container ul li:hover  .dropdown-menu{ display:none}


/*   内页-产品类别  */
.cpzs{margin:0 auto;width: calc(100% - 0.2rem);overflow: hidden;margin-right: 0.2rem;}
.cpzs a{width: calc(50% - 0.28rem - 2px);margin-left: 0.2rem;margin-right: 0;float:left;height: 3.3rem;overflow:hidden;padding: 0.04rem;border:1px solid #ededed;box-shadow: 0 0.01rem 0.03rem rgba(0,37,55,0.05);background:#ffffff;margin-top: 0.2rem;position:relative;}
.cpzs a span{width: 100%;height: 2.7rem;float:left;position:relative;}
.cpzs a span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height: 2.7rem;max-width: 100%;}
.cpzs a h2{float:left;width: calc(100% - 0.2rem);font-size: 0.24rem;font-weight:normal;line-height: 0.5rem;padding: 0.05rem 0.1rem 0 0.1rem;height: 0.5rem;position:relative;z-index:3;border-top: 1px solid #ededed;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cpzs a:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: 0.3s all ease; background: #006bbd\9; background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%); background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.cpzs a:hover:before{left:1100%;}
.cpzs a:hover h2{ color:#000}
/*   内页-翻页  */

.hpage{font-size: 0.24rem;width: 100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}


/*   内页-详细描述轮播  */

.house_con{width: calc(100% - 0.18rem);background:#ffffff;padding:0.09rem;border: 0;border-top: 1px solid #dedede;box-shadow: none;margin: 0 auto;overflow: hidden;margin-top: 0.2rem;float: left;}

.house_con .jieshao{float: left;width: 100%;text-align: center;}
.house_con .jieshao h1{float:left;width: 100%;font-size: 0.3rem;line-height:0.6rem;max-height: 0.6rem;overflow:hidden;padding:0.1rem 0.1rem 0 0;margin-bottom:0.1rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top: 0.4rem;}
.house_con .jieshao .price_con { float:left;padding-bottom: 0.05rem; width: 5.6rem; overflow: hidden; border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con i {    font-size: 0.3rem;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:0.25rem; font-size:0.24rem; color:#000000;padding:0.1rem 0 0.1rem 0; width:5.6rem;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{float:left;line-height:0.3rem;font-size:0.24rem;color:#000000;width:5.6rem;padding:0.4rem 0 0 0;display: none;}
.house_con .jieshao .san .zx{ display: block;width: 2rem; height: 0.5rem;float: left;font-size: 0.22rem;color: #fff;line-height: 0.48rem;background: #ea4501;text-align: center;text-decoration: none; border-radius: 1rem;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img { position: relative; top: 0.04rem; margin-left: 0.08rem;}
.linex{border-bottom:1px dashed #dedede;}
.house_con_lf{position: relative;margin: 0 auto;float:left;width: 100%;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 0.1rem;width: 100%;height: 4.04rem;overflow: hidden;float:left;position:relative;}
.house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 100%;height: auto;}
.house_bigImg ul li{position: relative; z-index: 9;}
.project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}
.project_img dl{width:auto; height:4.45rem; overflow: hidden;}
.project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
.house_smallImg{position: relative;margin-top: 0px;height: 0.7rem;overflow: hidden;float:left;width: calc(100% - 0.6rem);margin-left:0.3rem;margin-right:0.3rem;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 1rem;margin-right:0.1rem;}
.house_smallImg ul li img{display: block; width: 1rem; height: 0.67rem; cursor: pointer;}
        .house_smallImg ul li.on img{width: 1rem; height: 0.65rem; border: 1px #f23742 solid;}
        .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.24rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);     cursor: pointer;}
        .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom: 0.02rem; left: 0.02rem;}
        span.house_imgs_lf{display: block;position: absolute;left:0px;bottom: 0px;z-index: 10;width: 0.2rem;height: 0.67rem;background:#ccc;cursor:pointer;background:url(../pic/left_arrow.png) 0px 0px no-repeat;background-size: 0.2rem 0.67rem;}
        span.house_imgs_rt{display: block;position: absolute;right:0px;bottom: 0px;z-index: 10;width: 0.2rem;height: 0.67rem;background:#ccc;cursor:pointer;background:url(../pic/right_arrow.png) 0px 0px no-repeat;background-size: 0.2rem 0.67rem;}
        span.house_imgs_lf:hover{background:url(../pic/left_arrow_h.png) 0px 0px no-repeat;background-size: 0.2rem 0.67rem;}
        span.house_imgs_rt:hover{background:url(../pic/right_arrow_h.png) 0px 0px no-repeat;background-size: 0.2rem 0.67rem;}

/*   内页-详细描述，产品分类。  */
.cpmshu{width: calc(100% - 0.4rem);margin:0 auto;overflow: auto;margin-top:0.2rem;padding-bottom:0.2rem;float: left;margin: 0 0.2rem;}
.cpmshu .cpfl{width: 100%;background:#006bbd;border-bottom:0.05rem solid #006bbd;display: none;}
.cpmshu .cpfl .li01{float:left;width:2.5rem;text-align:center;font-size: 0.22rem;color: #FFFFFF;text-align: center;line-height: 0.35rem;display: block;padding-top: 0.25rem;font-weight:bold;display: none;}
.cpmshu .cpfl .li02 {color: #f7f7f7;font-size: 0.12rem;display: block;text-align: center;float:left;width:2.5rem;line-height: 0.35rem;display: none;}
.cpmshu .cpfl .li03 a.sub{/* background: #ececec; *//* display: none; */color: #525252;}
.cpmshu .cpfl .li03 {width: 100%;background: #fff;margin-left: 0.05rem;/* border-radius: 10px; */padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;/* padding-left: 20px; */}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{ float: left; width: 1.8rem; font-size: 0.15rem; line-height: 0.4rem; background: url(../pic/jiantou.png) no-repeat 0.04rem center; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; position: relative; padding-left: 0.2rem; margin-bottom: 0.15rem;margin-left: 0.2rem; border-bottom:1px solid #ededed}
.cpmshu .cpfl .li03 h3{float: left;width: 1.6rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;    display: none;margin-left: 0.2rem;border-bottom: 1px dashed #ededed;font-weight: normal;}
.cpmshu .cpfl .li03 h3:before{     position: absolute;
    content: "";
    left: 0.22rem;
    width: 0.06rem;
    height: 0.06rem;
    background: #afafaf;
    border-radius: 50%;
    top: 0.17rem;}
.cpmshu .cpfl .li03 h2:hover{background: #006bbd;}
.cpmshu .cpfl .li03 h2:hover a{color:#fff}
.cpmshu .cpfl .li03 h2:hover span{ color:#ffffff}
.cpmshu .cpfl .li03 h3:hover{background: #006bbd;}
.cpmshu .cpfl .li03 h3:hover a{color:#fff}
.cpmshu .cpfl h2 span{position: absolute;right: 0.1rem; cursor:pointer}
.cpmshu .cpfl .li03 a:hover{color:#FFF;}

.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem;  min-height:3rem;  max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: 100%;padding: 0.19rem 0;border: none;box-shadow: none;line-height:0.25rem;font-size:0.24rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;float: right;}
.cpmshu .fr{display:block}
.cpmshu .miaoshu img{max-width: 100%;padding: 0.1rem 0;}
.paging_prev {float: left;width: 100%;line-height: 0.3rem;padding: 0.1rem 0px 0 0px;font-size: 0.24rem;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom: 0.5rem;padding-top: 0.3rem;line-height: 0.4rem;}
.cpmshu .miaoshu .tittle{float:left;border-bottom:1px solid #ededed;font-size: 0.28rem;font-weight:bold;width: 100%;padding-bottom:0.1rem;position:relative;}
.cpmshu .miaoshu .tittle:before{content:""; position:absolute; width:0.6rem; height:0.03rem; background:#006bbd; left:0px; bottom:-0.02rem}
.cpmshu .miaoshu .tittle span{position:absolute;right:0;bottom:0.12rem;font-size: 0.2rem;color:#888888;font-weight:normal;}
.cpmshu .miaoshu .h1{width: 100%;line-height: 0.32rem;font-size: 0.3rem;font-weight:bold;float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top:0.3rem;text-align:center;}
.cpmshu .miaoshu .text{width: 100%;float:left;text-align:center;padding:0.2rem 0 0.2rem 0;border-bottom:1px solid #ededed;color:#888888;line-height: 0.4rem;font-size:0.2rem}

/*   内页-资讯列表  */

.cpmshu .newslist{margin-top: 0.2rem;width: 100%;padding: 0;border: none;box-shadow: none;line-height:0.25rem;font-size:0.24rem;float: left;} 
.cpmshu .newslist .tittle{width: 100%;float:left;font-weight:bold;font-size: 0.26rem;position:relative;padding-bottom:0.1rem;border-bottom:1px solid #ededed;background:url(../pic/bbnewsbg.png) 0 0 no-repeat;height: 0.26rem;line-height: 0.26rem;padding-left: 0;}
.cpmshu .newslist .tittle:before {content:""; position:absolute; bottom:-0.01rem; left:0; width:0.9rem; height:0.03rem; background:#006bbd}
.cpmshu .newslist li{float:left;border-bottom:1px solid #ededed;padding:0.15rem 0;width: 100%;}
.news_con_img{width: 2rem;  height: 1.35rem;  position: relative;  float: left;  border: 1px solid #e6e6e6;  font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0;  bottom: 0; position: absolute;max-width: 2rem;  max-height: 1.35rem;}
.news_con_txt{float:right;width: calc(100% - 2.28rem - 2px);position:relative;height:1.45rem;margin-left: 0.2rem;}
.news_con_txt h2{width: 100%;float: right;color: #333333;height: 0.4rem;overflow: hidden;padding: 0;line-height: 0.4rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.26rem;}
.news_con_txt h2 a{color:#005ea2}
.news_con_txt p{max-height: 0.6rem;line-height: 0.3rem;font-size: 0.24rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;color:#666666;margin-top: 0.1rem;}
.news_con_txt i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.24rem; font-style: normal; position:absolute; left:0px; bottom:0; color: #999999;}

.news_con_txt1{float:left;width: calc(100% - 0.1rem);position:relative;padding-left:0.1rem;}
.news_con_txt1:before{content:""; position:absolute; left:0;  top:0.17rem; width:0.06rem; height:0.06rem; border-radius:50%; background:#ec7302}
.news_con_txt1 h2{width: 100%;float: left;color: #333333;height: 0.4rem;overflow: hidden;padding: 0;line-height: 0.4rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.26rem;}
.news_con_txt1 h2 a{color:#005ea2}


.news_con_txt1 p{max-height: 0.7rem;line-height: 0.3rem;font-size: 0.24rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;color:#666666;}
.news_con_txt1 i{ font-style:normal;display: block; padding-top: 0.1rem; line-height: 0.3rem; font-size: 0.24rem; font-style: normal; float:left; color: #999999;}

.cpmshu .newslist .hpage{font-size: 0.24rem;width:100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none}

/*   内页-企业形象  */
.cpmshu .majority{width: 100%;padding: 0.2rem 0 0 0;border: none;box-shadow: none;line-height:0.25rem;font-size:0.24rem;float:right;}
.cpmshu .majority .tittle{width: calc(100% - 0.25rem);margin: 0 0 0.2rem;float:left;font-weight:bold;font-size:0.26rem;position:relative;padding-bottom:0.1rem;border-bottom:1px solid #ededed;background:url(../pic/bnewsbg.png) 0 0 no-repeat;background-size: 0.2rem 0.2rem;height:0.2rem;line-height:0.2rem;padding-left:0.25rem;} 


.cpmshu .majority li{width: calc(50% - 0.28rem - 2px);margin-left: 0.1rem;float:left;height:3.3rem;overflow:hidden;padding:0.04rem;background:#f7f7f7;border:1px solid #ededed;margin-bottom:0.2rem;position:relative;margin-right: 0.1rem;}
.cpmshu .majority li span{width: 100%;height:2.73rem;float:left;position:relative;}
.cpmshu .majority li span img{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height:2.73rem;max-width: 100%;}
.cpmshu .majority li h2{float:left;width: 100%;font-size:0.24rem;font-weight:normal;line-height: 0.5rem;padding:0.05rem 0 0 0;height:0.5rem;position:relative;z-index:3;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}
.cpmshu .majority li:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: 0.3s all ease; background: #006bbd\9; background: -moz-linear-gradient(top, #006bbd 0%, #007ad8 100%);background: -webkit-linear-gradient(top, #006bbd 0%,#007ad8 100%); background: linear-gradient(to bottom, #006bbd 0%,#007ad8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bbd', endColorstr='#007ad8',GradientType=0 );}
.cpmshu .majority li:hover:before{left:-100%;}
.cpmshu .majority li:hover h2{ color:#000}
.cpmshu .majority .hpage{font-size: 0.24rem;width: 100%;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{ font-size:0.12rem; color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px;font-size:0.24rem; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.24rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}


.msgBack{width: 100%;height: 100%;background: #000;padding: 0.3rem;position: fixed;left: 0;top: 0;border: 1px solid #d1d1d1;opacity: 0.5;z-index: 9999;}
.msgResult{width:2.9rem;height: 0.4rem;background:#ffffff;padding:0.3rem;position:fixed;margin: auto;left: 0;top: 0;right: 0;bottom: 0;border:1px solid #d1d1d1;z-index:9999;}
.msgResult a{ position:absolute; right:0; top:0; width:0.3rem; height:0.3rem; font-size:0.2rem; font-family:Arial, Helvetica, sans-serif; line-height:0.3rem; text-align:center; color:#888888}
.msgResult .tittle{ width:2.9rem; float:left; text-align:center; font-size:0.2rem; font-weight:bold; position:relative; margin-bottom:0.2rem}
.msgResult .tittle font{color: #006bbd;}
.msgResult .tittle:after{content:""; width:0.9rem; height:0.03rem; background:#b6b6b6; left:50%; margin-left:-0.45rem; position:absolute; bottom:-0.1rem }
	
.footLayer{position:fixed;border-top: #005ea2 solid 2px;background:#f6f6f6;width:100%;z-index:101;left:0;bottom:0;height: 1.4rem;display: block;}
.footLayer li{ float:left; width:25%; height:1.4rem; position:relative;}
.footLayer li:after{ content:''; position:absolute; right:0; top:50%; width:1px; height:0.8rem; margin-top:-0.4rem; background:#d3d3d3;}
.footLayer li:last-child:after{ display:none;}
.footLayer li a{ display:block; width:100%; height:100%; position:relative; text-align:center;}
.footLayer li .ico{ padding:0.2rem 0;}
.footLayer li .ico img{ width:0.46rem;}
.footLayer li .ico2{ position:absolute; left: 50%; margin-left:-0.55rem; top:-0.5rem; border-radius:50%; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.28);}
.footLayer li .ico2 img{ width:1.1rem;}
.footLayer li p{ font-size:0.26rem; color:#3f3f3f; position:absolute; left:0; bottom:0.2rem; width:100%;}

}